<template>
  <div id="app" class="my-root-app"> 
    <layoutHeader></layoutHeader>
    <layoutBody></layoutBody>
    <layoutFooter></layoutFooter>
  </div>
</template>


<script>
import layoutHeader from "@/components/layout/layout-header"
import layoutBody from "@/components/layout/layout-body"
import layoutFooter from "@/components/layout/layout-footer"
import Music from './components/Music.vue'

export default {
  data() {
    return {
      list: ["1","2","3","4"]
    }
  },
  provide() {
    return {
      reload: this.reload
    }
  },
  name: "app",
  components: {
    layoutHeader,
    layoutBody,
    layoutFooter,
    Music
  },
  setup() {
    
  },
  methods: {
  }
}
</script>


<style lang="less">
  @import './assets/font/font.css';
  * {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
  }
  a {
    text-decoration: none;
  }
  #app {
  }
</style>
